{extend name="base" /}
{block name="title"}实例对接 - 客服控制台{/block}
{block name="left"}{include file="left_admin" /}{/block}
{block name="content"}
<div class="tpl-content-wrapper">
    <div class="container-fluid am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
                <div class="page-header-heading"><span class="am-icon-plug page-header-heading-icon"></span> 实例对接
                    <small>Example docking</small>
                </div>
                <p class="page-header-description">你的网页与实例对接成功后即可使用在线客服及相关功能。</p>
            </div>
            <div class="am-u-lg-3 tpl-index-settings-button">
                <button type="button" class="page-header-button"><span class="am-icon-paint-brush"></span> 设置
                </button>
            </div>
        </div>
    </div>

    <div class="row-content am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title am-fl">您正在对接<span class="am-text-primary">{$example.name}</span>，请手动复制以下代码</div>
                        <div class="widget-function am-fr">
                            <a href="javascript:;" class="am-icon-cog"></a>
                        </div>
                    </div>
                    <div class="widget-body am-fr">


                        <section class="am-panel am-panel-default">
                            <main class="am-panel-bd" id="example-code">
                                &lt;div id="njim_container" access="{$example.access}"&gt;&lt;/div&gt;&lt;script
                                src="http://serve.njim.vip/static/js/im.js" charset="utf-8"&gt;&lt;/script&gt;
                            </main>
                            <footer class="am-panel-footer">请将以上代码粘贴到你的网页&lt;/body&gt;前面即可完成网页与实例的对接。</footer>
                        </section>


                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}